<template>
  <div class="page-header-index-wide">
    <div class="account-settings-info-left">
        <a-menu
          v-model="selectedKeys"
          mode="horizontal"
          type="inner"
          style="padding: 8px 16px 0"
        >
          <a-menu-item key="/finance/expensesExpand/expenses_receipts_list" class="border-cantainer">
            <router-link :to="{ name: 'expenses_receipts_list' }">
              <div class="border_catainer_bottom">收款记录</div>
            </router-link>
          </a-menu-item>
          <a-menu-item key="/finance/expensesExpand/tovoid_list" class="border-cantainer">
            <router-link :to="{ name: 'tovoid_list' }">
              <div class="border_catainer_bottom">已作废明细</div>
            </router-link>
          </a-menu-item>
        </a-menu>
      </div>

      <div class="account-settings-info-right">
        <route-view></route-view>
      </div>
  </div>
</template>
<script>
import {RouteView } from '@/layouts'
import { mixinDevice } from '@/utils/mixin.js'
export default {
  components: {
    RouteView,
  },
   mixins: [mixinDevice],
  data() {
    return {
      selectedKeys: [],
    }
  },
  mounted() {
    this.updateMenu()
  },
  methods: {
   updateMenu() {
      const routes = this.$route.matched.concat()
      this.selectedKeys = [routes.pop().path]
    }, 
  },
  
}
</script>
<style lang="less">

</style>